<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie9"><![endif]-->
<html lang="en">

	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<meta name="format-detection" content="telephone=no">
		<meta charset="UTF-8">

		<meta name="description" content="Violate Responsive Admin Template">
		<meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">

		<title>车险单</title>
		<!--
            	作者：offline
            	时间：2018-10-24
            	描述：css文本样式
            -->
		<link href="/statics/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../../../statics/css/bootstrap-datetimepicker.css">
		<link href="/statics/css/animate.min.css" rel="stylesheet">
		<link href="/statics/css/font-awesome.min.css" rel="stylesheet">
		<link href="/statics/css/form.css" rel="stylesheet">
		<link href="/statics/css/calendar.css" rel="stylesheet">
		<link href="/statics/css/style.css" rel="stylesheet">
		<link href="/statics/css/icons.css" rel="stylesheet">
		<link href="/statics/css/generics.css" rel="stylesheet">
		
	</head>

	<body id="skin-blur-violate">
		<header id="header" class="media">
			<a href="" id="menu-toggle"></a>
			<a class="logo pull-left" href="index.html">ERP后台系统</a>

			<!--

            	时间：2018-10-23
            	描述：这是原来模板的代码我删除了数据，但样式不能删，还没有搞懂
            	先放着把。
            -->
			<div class="media-body">
				<div class="media" id="top-menu">
					<div class="pull-left tm-icon">
						<a data-drawer="messages" class="drawer-toggle" href="">
							<span>Messages</span>
						</a>
					</div>
					<div class="pull-left tm-icon">
						<a data-drawer="notifications" class="drawer-toggle" href="">
							<span>Updates</span>
						</a>
					</div>

					<!--
                      	作者：周浩宇
                      	时间：2018-10-23
                      	描述：这个是时间代码，如果把上面的代码删除。时间的样式就会很小
                      -->
					<div id="time" class="pull-right">
						<span id="hours"></span> :
						<span id="min"></span> :
						<span id="sec"></span>
					</div>
					<!--
                    	作者：周浩宇
                    	时间：2018-10-23
                    	描述：不晓得什么鬼，原本是个搜索框
                    -->
					<div class="media-body">
					</div>
				</div>
			</div>
		</header>

		<div class="clearfix"></div>

		<!--左边图标的位置  -->
		<aside id="sidebar">

			<!-- 头像图标 -->
			<div class="side-widgets overflow">
				<!-- Profile Menu -->
				<div class="text-center s-widget m-b-25 dropdown" id="profile-menu">
					<a href="" data-toggle="dropdown">
						<img class="profile-pic animated" src="/statics/img/profile-pic.jpg" alt="">
					</a>
					<h4 class="m-0">HaHaHa</h4> 销售顾问
				</div>

				<!-- 日历 -->
				<div class="s-widget m-b-25">
					<div id="sidebar-calendar"></div>
				</div>

				<!-- 这个是原来模板的代码，它封装的方法不能修改否则其他的位置也会改变 -->
				<div class="s-widget m-b-25">

					<div class="s-widget-body">
						<div class="side-border">

						</div>
						<div class="side-border">

						</div>
						<div class="side-border">

						</div>
						<div class="side-border">

						</div>
						<div class="side-border">

						</div>
					</div>
				</div>
			</div>

			<!-- 弹出菜单 -->
			<ul class="list-unstyled side-menu">
				<li class="dropdown">
					<a class="sa-side-form" href="">
						<span class="menu-item">订单</span>
					</a>
					<ul class="list-unstyled menu-item">
						<li>
							<a href="form-elements.html">订单</a>
						</li>
						<li>
							<a href="form-components.html">订单</a>
						</li>
						<li>
							<a href="form-examples.html">订单</a>
						</li>
						<li>
							<a href="form-validation.html">订单</a>
						</li>
					</ul>
				</li>
				<li class="dropdown active">
					<a class="sa-side-ui" href="">
						<span class="menu-item">订单</span>
					</a>
					<ul class="list-unstyled menu-item">
						<li>
							<a href="#">订单</a>
						</li>
						<li>
							<a href="#">订单</a>
						</li>
						<li>
							<a href="#">订单 &amp; 订单</a>
						</li>
						<li>
							<a class="#" href="alerts.html">订单</a>
						</li>
						<li>
							<a href="#">订单</a>
						</li>
						<li>
							<a href="#">订单</a>
						</li>
						<li>
							<a href="#">订单</a>
						</li>
					</ul>
				</li>
				<li>
					<a class="sa-side-chart" href="#">
						<span class="menu-item">订单</span>
					</a>
				</li>
				<li>
					<a class="sa-side-folder" href="#">
						<span class="menu-item">订单</span>
					</a>
				</li>
				<li class="dropdown">
					<a class="sa-side-page" href="#">
						<span class="menu-item">订单</span>
					</a>
					<ul class="list-unstyled menu-item">
						<li>
							<a href="#">订单</a>
						</li>
						<li>
							<a href="#">订单</a>
						</li>
						<li>
							<a href="#">订单</a>
						</li>
						<li>
							<a href="#">订单</a>
						</li>
						<li>
							<a href="#l">订单</a>
						</li>
					</ul>
				</li>
			</ul>
		</aside>

		<!-- 头像突出显示 -->
		<section id="content" class="container"></section>

			<!-- Breadcrumb -->
			<ol class="breadcrumb hidden-xs">
				<li>
					<a href="#">订单</a>
				</li>
				<li>
					<a href="#">订单</a>
				</li>
				<li>
					<a href="#">订单</a>
				</li>
				<li>
					<a href="#">订单</a>
				</li>
			</ol>

			<hr class="whiter" />

			<hr class="whiter" />
			<!--
         	作者：周浩宇
         	时间：2018-10-24
         	描述：表格位置
         	就在这里写
         -->
			<div class="container">
				<form>
					<h4 class="page-header">车险单查询</h4>
					<div class="form-inline">
						<label for="equipmentSheetNo">保险公司</label><input type="text" class="form-control" name="insuranceCompany" id="insuranceCompany">
						<label for="customerName">客户名称</label><input type="text" class="form-control" name="customerName" id="customerName">
						<label for="carPlateNo">状态</label>
						<select class="form-control" name="registrationStatus">
							<option value="结清">结清</option>
							<option value="新建">新建</option>

						</select>
						<!-- <label for="vin">VIN</label><input type="text" class="form-control" name="vin" id="vin">
        <label for="carPlateNo">车牌号</label><input type="text" class="form-control" name="carPlateNo" id="carPlateNo">-->
					</div>
					
		 <div class="form-inline">
        
<label for="openingTime">生效日期</label><input type="text" class="form-control  date form_datetime
        input-group" data-date-format="dd-MM-yyyy" readonly name="openingTime1" id="openingTime1"><span>失效日期</span>
        <input type="text" class="form-control form-control  date form_datetime "
               data-date-format="dd-MM-yyyy" readonly name="openingTime2">
        
        <label for="equipmentSheetState">单据状态</label>
        <input type="text" class="form-control " name="equipmentSheetState" id="equipmentSheetState">
    </div>
					<!--  <div class="form-inline">
        <label>订单状态</label><input type="text" class="form-control">
    </div>-->
					<div><button class="btn btn-default col-md-offset-4" type="submit">查询</button><button class="btn btn-info col-md-offset-1" type="reset">重置</button></div>
				</form>
			</div>

			<div class="container">

				<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">新增</button>
				<br>
				<table class="table table-striped table-bordered table-hover table-condensed table-responsive">
					<tr class="success">
						<th>序号</th>
						<th>操作</th>
						<th>车险单号</th>
						<th>登记状态</th>
						<th>手续费用</th>
						<th>保险公司</th>
						<th>生效日期</th>
						<th>失效日期</th>

						<th>客户</th>
						<th>经办业务员</th>

					</tr>

					<#list list as insuranceSheet>
						<tr class="success">
							<td style="background: #000000;"> ${(insuranceSheet_index)+1}</td>
							<td style="background: #000000;"><button class="btn btn-info">修改</button>
								<button class="btn btn-info">删除</button></td>
							<td style="background: #000000;">${insuranceSheet.insuranceSheetNo}</td>
							<td style="background: #000000;">${insuranceSheet.registrationStatus}</td>
							<td style="background: #000000;">${insuranceSheet.handlingFee}</td>
							<td style="background: #000000;">${insuranceSheet.insuranceCompany}</td>
							<td style="background: #000000;">${insuranceSheet.effectiveTime}</td>
							<td style="background: #000000;">${insuranceSheet.invalidTime}</td>
							<td style="background: #000000;">${insuranceSheet.customerName}</td>
							<td style="background: #000000;">${insuranceSheet.employeeId}</td>

						</tr>

					</#list>
				</table>
				<div class=" center-block">
					<button class="btn-info col-sm-1">首页</button>
					<button class="btn-info col-sm-1">上一页</button>
					<button class="btn-info col-sm-1">下一页</button>
					<button class="btn-info col-sm-1">末页</button>
					<span class="col-sm-1"></span></div>
			</div>
          
			<!--弹层添加车险单-->
			
   <div class="modal fade " id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog" style="width: 1000px">
        <div class="modal-content">
            <div class="modal-header >
        
               <button type="button"  class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        
            <h4 class="modal-title" id="myModalLabel">车险单信息录入</h4>
        </div>
        
        <div class="modal-body ">

           
            <div>
                <form class="form-horizontal" action="addInsur" method="post" name="fileForm">
                    
                    <h3 class="page-header">车险信息</h3>

                    <div class="form-inline">
                        
                        <table class="table-responsive " style="border-collapse: separate;border-spacing:0 5px ">
                            <tr>
                               
                                <td><label>客户编号</label></td>
                                <td><input type="text" class="form-control" ></td>

                                <td style="padding-left: 30px"><label>车险单编号</label></td>
                                <td><input type="text" class="form-control" name="insuranceSheetNo"></td>

                                <td style="padding-left: 30px"><label>经办业务员</label></td>
                                <td><input type="text" class="form-control" name="employeeName"></td>

                            </tr>
                            <tr>

                                <td><label>投险公司</label></td>
                                <td><input type="text" class="form-control" name="insuranceCompany"></td>

                                <td style="padding-left: 30px"><label>登记状态</label>
                                	  
                                </td>
                              <td><select class="form-control" name="registrationStatus">
							<option value="结清">结清</option>
							<option value="新建">新建</option>

						    </select></td>

                                <td style="padding-left: 30px">客户</td>
                                <td><input type="text" class="form-control" name="customerName"></td>
                            </tr>

                            <tr>

                                <td><label>生效日期</label></td>
                                <td ><input type="text" class="form-control  date form_datetime
        input-group" data-date-format="dd-MM-yyyy" readonly  id="openingTime3" name="effectiveTime"></td>
                                 <!--name="openingTime3"-->
                                <td style="padding-left: 30px"><label>失效日期</label></td>
                                <td><input type="text" class="form-control  date form_datetime
        input-group" data-date-format="dd-MM-yyyy" readonly  id="openingTime4" name="invalidTime"></td>

                                <td style="padding-left: 30px"><label>手续费</label></td>
                                <td><input type="text" class="form-control" name="handlingFee"></td>
                            </tr>
                            <tr>

								<td style="padding-left: 30px"><label>性别</label>

								</td>
								<td><select class="form-control" name="customerSex">
									<option value="男">男</option>
									<option value="女">女</option>

								</select></td>

                                <td style="padding-left: 30px"><label>身份证</label></td>
                                <td><input type="text" class="form-control" name="customerCardId"></td>

                                
                                <td style="padding-left: 30px"><label>联系电话</label></td>
                                <td><input type="text" class="form-control" name="customerTel"></td>
                            </tr>
                           <tr>
							   <td style="padding-left: 30px"><label>住址</label></td>
							   <td><input type="text" class="form-control" name="customerAddress"></td>
							   <td style="padding-left: 30px"><label>车辆品牌</label></td>
							   <td><input type="text" class="form-control" name="brand"></td>
							   <td style="padding-left: 30px"><label>车系</label></td>
							   <td><input type="text" class="form-control" name="series"></td>

						   </tr>
							<tr>
								<td style="padding-left: 30px"><label>车型</label></td>
								<td><input type="text" class="form-control" name="model"></td>
								<td style="padding-left: 30px"><label>vin</label></td>
								<td><input type="text" class="form-control" name="vin"></td>
								<td style="padding-left: 30px"><label></label></td>
								<td></td>

							</tr>


                        </table>


                    </div>


                </form>
            </div>
           
            <hr>
           
          
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
           
            <button type="button" class="btn btn-primary" onclick="submitBtnClick()">提交</button>
        </div>
    </div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>


		
   
       
       <!--ss-->
        
        <!-- Javascript Libraries -->
        
        <!-- jQuery -->
        
        <script src="/statics/js/jquery.min.js "></script> <!-- jQuery Library -->

        <!-- Bootstrap -->
        
        <script src="/statics/js/bootstrap.min.js "></script>
        <script type="text/javascript" src="/statics/js/bootstrap-datetimepicker.js"></script>
        <script type="text/javascript" src="/statics/js/bootstrap-datetimepicker.zh-CN.js"></script>
        <!-- UX -->
        
        <script src="/statics/js/scroll.min.js "></script> <!-- Custom Scrollbar -->
        
        <!-- Other -->
        
        
        <script src="/statics/js/calendar.min.js "></script> <!-- Calendar -->
        <script src="/statics/js/feeds.min.js "></script> <!-- News Feeds -->
        
        <!---->
        
        <!-- All JS functions -->
        <script src="/statics/js/functions.js "></script>
        
        
        
        <script>
        	
        	
        		//初始化标签，配置日期格式插件相关参数
        		
    $(function() {
        $(".form_datetime").datetimepicker({
            format : 'yyyy-mm-dd',
            minView : 'month',
            language : 'zh-CN',
            autoclose : true,//选中自动关闭
            startDate : '1900-01-01',
            todayBtn : true
            //显示今日按钮
        });
    });
                function submitBtnClick(){
                    document.fileForm.submit();
                }
        </script>
    </body>
</html>